<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>パーティクルアニメーション | アクションゲームツクールMV ヘルプ</title>
        <meta name="description" content="ツクールシリーズ最新作『アクションゲームツクールMV』Steamアーリーアクセス開始！">
        <meta name="keywords" content="ツクールMV,MV,ツクール,ツクールシリーズ,アクションゲームツクールMV,アクションゲームツクール,PixelGameMakerMV，PixelGameMaker">
        <link rel="icon" href="./favicon.ico">
        <!-- スタイルシート -->
        <link rel="stylesheet" href="./common/css/q-reset.css">
        <link rel="stylesheet" href="./common/drawer/drawer.min.css">
        <link rel="stylesheet" href="./common/css/common.css">
    </head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118975509-1"></script>
    <!-- Google Analytics -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-118975509-1', 'auto');
    ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-118975509-1');
    </script>

    <body id="menu05" class="flex bet drawer drawer--left">
        <header class="header">
            <button type="button" class="drawer-toggle drawer-hamburger">
                <span class="sr-only">toggle navigation</span>
                <span class="drawer-hamburger-icon"></span>
            </button>
            <nav id="nav_area" class="drawer-nav" role="navigation">
                <div class="drawer-menu">
                    <h1 class="drawer-navh1">
                        <a href="./index.html">
                            <picture>
                                <source srcset="./common/img/title_logo.png" media="(min-width: 641px)">
                                <img src="./common/img/title_logo_sp.png" alt="logo">
                            </picture>
                        </a>
                    </h1>
                    <dl>
                        <dt class="drawer-dropdown menu01"><a class="drawer-menu-item">はじめに</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_01.html">アクションゲームツクールMVとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_02.html">このソフトの特徴</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_03.html">ゲーム作成の始め方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_04.html">ゲーム作成の基本</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_05.html">完成したゲームを遊ぶには</a></dd>
                        <dt class="drawer-dropdown menu02"><a class="drawer-menu-item">エディターの基本情報</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_01.html">画面の見方と基本操作</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_02.html">メニューバーについて</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_03.html">設定メニュー</a></dd>
                        <dt class="drawer-dropdown menu03"><a class="drawer-menu-item">シーン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_01.html">シーンとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_02.html">シーン画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_03.html">シーンを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_04.html">タイルを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_05.html">他のパーツを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_06.html">配置したパーツの設定を行う</a></dd>
                        <dt class="drawer-dropdown menu04"><a class="drawer-menu-item">タイル</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_01.html">タイルとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_02.html">タイルの詳細設定</a></dd>
                        <dt class="drawer-dropdown menu05"><a class="drawer-menu-item">アニメーション</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_01.html">アニメーションとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_02.html">アニメーションを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_03.html">モーション：画面の見方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_04.html">モーション：設定の手順</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_05.html">エフェクトアニメーション</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_06.html">パーティクルアニメーション</a></dd>
                        <dt class="drawer-dropdown menu06"><a class="drawer-menu-item">オブジェクト</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_01.html">オブジェクトとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_02.html">オブジェクト画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_03.html">アクションプログラム</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_04.html">オブジェクトの詳細設定</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_05.html">その他の設定項目</a></dd>
                        <dt class="drawer-dropdown menu07"><a class="drawer-menu-item">素材</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_01.html">素材とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_02.html">素材を追加する</a></dd>
                        <dt class="drawer-dropdown menu08"><a class="drawer-menu-item">遷移</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_01.html">遷移とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_02.html">画面フロー</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_03.html">ポータル移動</a></dd>
                        <dt class="drawer-dropdown menu09"><a class="drawer-menu-item">プラグイン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./09_01.html">プラグインとは</a></dd>
                        <dt class="drawer-dropdown menu10"><a class="drawer-menu-item">資料集</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_01.html">素材とデータ</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_02.html">プラグインについて</a></dd>
                        <dt class="drawer-dropdown menu11"><a class="drawer-menu-item">その他</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_01.html">使用許諾契約書</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_02.html">商標・登録商標について</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_03.html">スタッフクレジット</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_04.html">ユーザーサポート</a></dd>
                    </dl>
                </div>
            </nav>
        </header>

        <main class="main">
            <article>
                <section>
                    <h2 class="main_h2"><span class="main_h2span">アニメーション</span>パーティクルアニメーション</h2>
                    <h3 class="main_h3 main_h3--lineone">編集エリアの構成</h3>
                    <p class="main_txt">アニメーション一覧からパーティクルアニメーションを選ぶと、編集エリアが以下の構成に切り替わります。</p>
                    <p class="main_img"><img src="./img/05/05_06_01.png" alt=""></p>
                    <dl>
                        <dt class="main_dt"><span class="main_num">1</span>プレビューエリア</dt>
                        <dd class="main_dd">設定されているパーティクルの位置と発生する範囲が、赤い四角形で表示されます。エリア下部にあるメニューボタンなどの機能は、<a href="./05_03.html">モーションアニメーション</a>を作成するときと基本的に同じです。</dd>

                        <dt class="main_dt"><span class="main_num">2</span>シーン切り替えメニュー</dt>
                        <dd class="main_dd">パーティクルをシミュレートウィンドウで表示する際、背後に表示されるシーンやレイヤーを、プルダウンメニューで選択できます。</dd>

                        <dt class="main_dt"><span class="main_num">3</span>レイヤータブ</dt>
                        <dd class="main_dd">1つのパーティクルアニメーションには、複数のパーティクルを配置することが可能です。パーティクルは1つのレイヤー（階層）に1つ設定が可能です。また、左側にあるレイヤーほど、上の階層になります。タブをクリックすると、選択するレイヤーを切り替えられます。<br />また、 <span class="main_icon"><img src="./img/05/05_06_01icon.png" alt=""></span> をクリックすると、レイヤーの表示・非表示を切り替えられます。</dd>
                        <dd class="main_dd main_dd--ind">※非表示にしたレイヤーは、シミュレートウィンドウでは非表示になりますが、ゲーム内では表示されます。</dd>

                        <dt class="main_dt"><span class="main_num">4</span>レイヤー編集ボタン</dt>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/05/05_06_02icon.png" alt=""></span> 新規レイヤー</th>
                                    <td class="main_td">新しいレイヤーを追加します（一番下の階層に追加されます）。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/05/05_06_03icon.png" alt=""></span> 左切り替え</th>
                                    <td class="main_td">選択中のレイヤーの、左側のタブを選択します。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/05/05_06_04icon.png" alt=""></span> 右切り替え</th>
                                    <td class="main_td">選択中のレイヤーの、右側のタブを選択します。</td>
                                </tr>
                            </table>
                        </dd>
                        <dt class="main_dt"><span class="main_num">5</span>詳細設定エリア</dt>
                        <dd class="main_dd">選択したレイヤーにあるパーティクルについて、さまざまな設定ができます。</dd>
                    </dl>
                    <h3 class="main_h3 main_h3--lineone">設定を行う</h3>
                    <p class="main_txt">パーティクルの設定は、主に詳細設定エリアで行えます。</p>
                    <h4 class="main_h4">基本設定</h4>
                    <p class="main_txt">パーティクルの位置と発生範囲は、詳細設定エリアの「位置」で行えます。X軸とY軸それぞれについて、原点を基準にした位置（左の数字）と発生範囲（右の数字）を設定しましょう。プレビューエリアのパーティクルを選択し、ドラッグ操作で同様の設定を行うこともできます。<br />また、パーティクルの表示中にSEや音声を鳴らす設定も可能です。</p>
                    <p class="main_img"><img src="./img/05/05_06_02.png" alt=""></p>
                    <h4 class="main_h4">パーティクル設定</h4>
                    <p class="main_txt">各項目の右の入力欄は「変動値」を表します。<br />変動値を設定すると、その分、項目の内容に意図的なばらつきを出すことができます。</p>
                    <table class="main_table">
                        <tr class="main_tr">
                            <th class="main_th">継続時間</th>
                            <td class="main_td">パーティクルが発生する時間を設定します。ループ設定にしたり、アニメーションの開始前からパーティクルが発生している設定にすることも可能です。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">発生量</th>
                            <td class="main_td">画面内に表示されるパーティクルの最大量を設定できます。なお、パーティクルは「発生量／ライフタイム」の間隔で放出されます。「同時発生」にチェックを入れると、指定されたパーティクルが一度に発生します。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">ライフタイム</th>
                            <td class="main_td">発生したパーティクルが消えるまでの時間です。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">方向</th>
                            <td class="main_td">パーティクルが発生する方向です。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">スピード</th>
                            <td class="main_td">発生したパーティクルが移動する速さです。</td>
                        </tr>

                        <tr class="main_tr">
                            <th class="main_th">開始／最終サイズ</th>
                            <td class="main_td">パーティクルの発生時と、消滅時の大きさです。</td>
                        </tr>

                        <tr class="main_tr">
                            <th class="main_th">開始／最終回転数</th>
                            <td class="main_td">パーティクルの発生時と、消滅時の回転量を設定できます。数値をプラスにすると右回転、マイナスにすると左回転します。</td>
                        </tr>

                        <tr class="main_tr">
                            <th class="main_th">加算モード</th>
                            <td class="main_td">チェックを入れると、パーティクルが背後にある表示物と加算して表示されます。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">動作パターン</th>
                            <td class="main_td">発生したパーティクルが動くパターンを、「重力」と「回転」のどちらかに設定できます。「重力」の場合、パーティクルは重力の影響を受けて落ちていきます。重力の方向や強さ、法線加速度、接線加速度を指定できます。「回転」の場合、パーティクルは回転しながら四方に散っていきます。回転数（回転するスピード）や回転幅（パーティクルが発生・消滅するときの表示幅）を指定できます。</td>
                        </tr>
                    </table>
                    <h4 class="main_h4">パーティクルカラー</h4>
                    <p class="main_txt">パーティクルの発生時と消滅時の色相や透過の度合いを設定できます。<br />パーティクルは「START」で設定した色相で発生し、しだいに「END」の色に近づいていき消滅します。</p>
                    <h4 class="main_h4">パーティクルのテンプレート</h4>
                    <p class="main_txt">1つ1つのパーティクルの形状を、プレビュー表示されたテンプレートから選択できます。<br />「＋」ボタンをクリックすると、画像ファイル（形式はpng、jpg、webp、tgaのいずれか）を取り込んでテンプレートに追加できます。追加したテンプレートは「－」ボタンで削除できます。</p>
                    <p class="main_txt main_txt--ind">※デフォルトのテンプレートは削除できません。</p>
                    <h4 class="main_h4">その他</h4>
                    <p class="main_txt">発生したパーティクルに判定を追加できます。判定を追加すると、パーティクルがオブジェクトの壁判定に接触したとき、消えたり跳ねたりするように設定できます。</p>
                    <p class="main_txt main_txt--ind">※発生したパーティクルが持つ判定の形状は、テンプレートから選択された、パーティクル自体の形状と同じです。</p>
                    <h3 class="main_h3 main_h3--lineone">シミュレートウィンドウで確認する</h3>
                    <p class="main_txt"><span class="main_icon"><img src="./img/05/05_06_05icon.png" alt=""></span> でアニメーションを再生すると、別ウィンドウでシミュレートウィンドウが開きます。追加したパーティクルの実際の挙動は、このウィンドウで確認できます。また、シーン切り替えメニューで背後のシーンやレイヤーを設定すると、そのシーンにおけるパーティクルの動きをチェックできます。</p>
                </section>
            </article>
        </main>

        <!-- javascript -->
        <script src="./common/js/jquery224min.js"></script>
        <script src="./common/js/run.js"></script>
        <script src="./common/drawer/iscroll.js"></script>
        <script src="./common/drawer/drawer.min.js"></script>
        <script>
            $(function() {
                if (window.matchMedia( '(max-width: 1280px)' ).matches) {
                    $('.drawer').drawer();
                }
            });
        </script>
    </body>
</html>